    // 登录后
    $(window).on("load", function () {
        var oUser = JSON.parse(sessionStorage.getItem("user") || '{}');
        if (oUser.name) {
            $(".head_top_unload").hide();
            $(".head_top_loading").show();
            let data = JSON.parse(localStorage.getItem("goodsInfo") || '[]');
            let cartList = data.filter(item => {
                return item.userName == oUser.name;
            })
            $(".head_top_loading").find(".num").text(cartList.length);
            $(".head_top_right").find(".username").text(oUser.name);
            $(".head_top_loading").find(".quit").on("click", function () {
                if (!confirm('你确定要退出吗?')) {
                    return false;
                }
                sessionStorage.clear();
                location = "../views/login.html";
            })
        }
        console.log(oUser);
    })

    /* 轮播图部分 */
    var mySwiper = new Swiper('.swiper', {
        // direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: true,

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },

        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },

        // 如果需要滚动条
        // scrollbar: {
        //     el: '.swiper-scrollbar',
        // },
    })
    // for (i = 0; i < mySwiper.pagination.bullets.length; i++) {
    //     mySwiper.pagination.bullets[i].onmouseover = function () {
    //         this.click();
    //     };
    // }
    mySwiper.params.pagination.clickable = true;
    //此外还需要重新初始化pagination
    mySwiper.pagination.destroy()
    mySwiper.pagination.init()
    mySwiper.pagination.bullets.eq(0).addClass('swiper-pagination-bullet-active');

    // tab栏切换
    $(function () {

        (function () {
            $.fn.extend({
                tabChange() {
                    let self = this;
                    this.find(".main-line-nav li").click(function () {
                        $(this).addClass("selected").siblings().removeClass("selected");
                        let $index = $(this).index(); // 获取点击元素的下标
                        console.log(self.find(".main-line-con-wrap ol"));
                        // self.find(".main-line-con-wrap ol").eq($index).addClass("selected").siblings().removeClass("selected");
                        // self.find(".main-line-con-wrap ol").eq($index).show(500).siblings().hide(500);
                        self.find(".main-line-con-wrap ol").eq($index).slideDown(500).siblings().slideUp(500);
                    })
                }
            })
        })();

        $(function () {
            $(".line3").tabChange();
            $(".line4").tabChange();
            $(".line5").tabChange();
            $(".line6").tabChange();
            $(".line7").tabChange();
        })

    })
    $('.swiper').on('mouseenter', function () {
        $('.buttonleft').css('opacity', '1')
    })
    $('.swiper').on('mouseleave', function () {
        $('.buttonleft').css('opacity', '0')
    })
    $('.swiper').on('mouseenter', function () {
        $('.buttonright').css('opacity', '1')
    })
    $('.swiper').on('mouseleave', function () {
        $('.buttonright').css('opacity', '0')
    })
    $('.side-menu').on('mouseenter', function () {
        $('.buttonleft').css('opacity', '0')
    })
    $('.side-menu').on('mouseleave', function () {
        $('.buttonleft').css('opacity', '1')
    })
    $('.side-menu').on('mouseenter', function () {
        $('.buttonright').css('opacity', '0')
    })
    $('.side-menu').on('mouseleave', function () {
        $('.buttonright').css('opacity', '1')
    })
    /* container */
    //  轮播图下方推广栏动画
    $('.top-goods-img').on('mouseenter', function () {
        $(this).css('box-shadow', '0px 4px 10px 2px #ccc')
        $(this).css('transition', '0.4s')
    })
    $('.top-goods-img').on('mouseleave', function () {
        $(this).css('box-shadow', '0px 0px 0px 0px #fff')
    })

    // 倒计时
    $(function () {
        let timer = setInterval(function () {
            let nowTime = new Date();
            if (nowTime.getHours() < 10) {
                $(".sale-list").eq(0).find(".sale-timer-clock").html("20:00");
                $(".sale-list").eq(1).find(".sale-timer-clock").html("00:00");
                $(".sale-list").eq(1).find(".countdown-num").eq(0).html((10 - nowTime.getHours() - 1).toString().padStart(2, "0"));
                $(".sale-list").eq(1).find(".countdown-num").eq(1).html((59 - nowTime.getMinutes()).toString().padStart(2, "0"));
                $(".sale-list").eq(1).find(".countdown-num").eq(2).html((60 - Math.ceil((nowTime % 60000) / 1000)).toString().padStart(2, "0"));
                $(".sale-list").eq(2).find(".sale-timer-clock").html("10:00");
                $(".sale-list").eq(2).find(".date-num").eq(0).html((10 - nowTime.getHours() - 1).toString().padStart(2, "0"));
                $(".sale-list").eq(2).find(".date-num").eq(1).html((59 - nowTime.getMinutes()).toString().padStart(2, "0"));
                $(".sale-list").eq(2).find(".date-num").eq(2).html((60 - Math.ceil((nowTime % 60000) / 1000)).toString().padStart(2, "0"));
                $(".sale-list").eq(2).find(".about-to-start").eq(0).html("即将开始 | ");
                $(".sale-list").eq(3).find(".sale-timer-clock").html("14:00");
                $(".sale-list").eq(3).find(".date-num").eq(0).html((10 - nowTime.getHours() - 1 + 4).toString().padStart(2, "0"));
                $(".sale-list").eq(3).find(".date-num").eq(1).html((59 - nowTime.getMinutes()).toString().padStart(2, "0"));
                $(".sale-list").eq(3).find(".date-num").eq(2).html((60 - Math.ceil((nowTime % 60000) / 1000)).toString().padStart(2, "0"));
                $(".sale-list").eq(3).find(".about-to-start").eq(0).html("即将开始 | ");
            } else if (nowTime.getHours() < 14) {
                $(".sale-list").eq(0).find(".sale-timer-clock").html("00:00");
                $(".sale-list").eq(1).find(".sale-timer-clock").html("10:00");
                $(".sale-list").eq(1).find(".countdown-num").eq(0).html((14 - nowTime.getHours() - 1).toString().padStart(2, "0"));
                $(".sale-list").eq(1).find(".countdown-num").eq(1).html((59 - nowTime.getMinutes()).toString().padStart(2, "0"));
                $(".sale-list").eq(1).find(".countdown-num").eq(2).html((60 - Math.ceil((nowTime % 60000) / 1000)).toString().padStart(2, "0"));
                $(".sale-list").eq(2).find(".sale-timer-clock").html("14:00");
                $(".sale-list").eq(2).find(".date-num").eq(0).html((14 - nowTime.getHours() - 1).toString().padStart(2, "0"));
                $(".sale-list").eq(2).find(".date-num").eq(1).html((59 - nowTime.getMinutes()).toString().padStart(2, "0"));
                $(".sale-list").eq(2).find(".date-num").eq(2).html((60 - Math.ceil((nowTime % 60000) / 1000)).toString().padStart(2, "0"));
                $(".sale-list").eq(2).find(".about-to-start").eq(0).html("即将开始 | ");
                $(".sale-list").eq(3).find(".sale-timer-clock").html("20:00");
                $(".sale-list").eq(3).find(".date-num").eq(0).html((14 - nowTime.getHours() - 1 + 6)).toString().padStart(2, "0");
                $(".sale-list").eq(3).find(".date-num").eq(1).html((59 - nowTime.getMinutes()).toString().padStart(2, "0"));
                $(".sale-list").eq(3).find(".date-num").eq(2).html((60 - Math.ceil((nowTime % 60000) / 1000)).toString().padStart(2, "0"));
                $(".sale-list").eq(3).find(".about-to-start").eq(0).html("即将开始 | ");
            } else if (nowTime.getHours() < 20) {
                $(".sale-list").eq(0).find(".sale-timer-clock").html("10:00");
                $(".sale-list").eq(1).find(".sale-timer-clock").html("14:00");
                $(".sale-list").eq(1).find(".countdown-num").eq(0).html((20 - nowTime.getHours() - 1).toString().padStart(2, "0"));
                $(".sale-list").eq(1).find(".countdown-num").eq(1).html((59 - nowTime.getMinutes()).toString().padStart(2, "0"));
                $(".sale-list").eq(1).find(".countdown-num").eq(2).html((60 - Math.ceil((nowTime % 60000) / 1000)).toString().padStart(2, "0"));
                $(".sale-list").eq(2).find(".sale-timer-clock").html("20:00");
                $(".sale-list").eq(2).find(".date-num").eq(0).html((20 - nowTime.getHours() - 1).toString().padStart(2, "0"));
                $(".sale-list").eq(2).find(".date-num").eq(1).html((59 - nowTime.getMinutes()).toString().padStart(2, "0"));
                $(".sale-list").eq(2).find(".date-num").eq(2).html((60 - Math.ceil((nowTime % 60000) / 1000)).toString().padStart(2, "0"));
                $(".sale-list").eq(2).find(".about-to-start").eq(0).html("即将开始 | ");
                $(".sale-list").eq(3).find(".sale-timer-clock").html("00:00");
                $(".sale-list").eq(3).find(".date-num").eq(0).html((24 - nowTime.getHours() - 1).toString().padStart(2, "0"));
                $(".sale-list").eq(3).find(".date-num").eq(1).html((59 - nowTime.getMinutes()).toString().padStart(2, "0"));
                $(".sale-list").eq(3).find(".date-num").eq(2).html((60 - Math.ceil((nowTime % 60000) / 1000)).toString().padStart(2, "0"));
                $(".sale-list").eq(3).find(".about-to-start").eq(0).html("明日开始 | ");
            } else {
                $(".sale-list").eq(0).find(".sale-timer-clock").html("14:00");
                $(".sale-list").eq(1).find(".sale-timer-clock").html("20:00");
                $(".sale-list").eq(1).find(".countdown-num").eq(0).html((24 - nowTime.getHours() - 1).toString().padStart(2, "0"));
                $(".sale-list").eq(1).find(".countdown-num").eq(1).html((59 - nowTime.getMinutes()).toString().padStart(2, "0"));
                $(".sale-list").eq(1).find(".countdown-num").eq(2).html((60 - Math.ceil((nowTime % 60000) / 1000)).toString().padStart(2, "0"));
                $(".sale-list").eq(2).find(".sale-timer-clock").html("00:00");
                $(".sale-list").eq(2).find(".date-num").eq(0).html((24 - nowTime.getHours() - 1).toString().padStart(2, "0"));
                $(".sale-list").eq(2).find(".date-num").eq(1).html((59 - nowTime.getMinutes()).toString().padStart(2, "0"));
                $(".sale-list").eq(2).find(".date-num").eq(2).html((60 - Math.ceil((nowTime % 60000) / 1000)).toString().padStart(2, "0"));
                $(".sale-list").eq(2).find(".about-to-start").eq(0).html("明日开始 | ");
                $(".sale-list").eq(3).find(".sale-timer-clock").html("10:00");
                $(".sale-list").eq(3).find(".date-num").eq(0).html((24 - nowTime.getHours() - 1 + 10).toString().padStart(2, "0"));
                $(".sale-list").eq(3).find(".date-num").eq(1).html((59 - nowTime.getMinutes()).toString().padStart(2, "0"));
                $(".sale-list").eq(3).find(".date-num").eq(2).html((60 - Math.ceil((nowTime % 60000) / 1000)).toString().padStart(2, "0"));
                $(".sale-list").eq(3).find(".about-to-start").eq(0).html("明日开始 | ");
            }
        }, 1000)
    })
    // 专区
    // 右侧 回到顶部
    $(function () {
        (function () {
            class ToTop {
                constructor(el) {
                    this.$el = $(el);
                    this.scrollHandle();
                    this.clickHandle();
                }
                scrollHandle() {
                    let self = this;
                    $(window).on("scroll", function () {
                        if ($(this).scrollTop() > 700) {
                            self.$el.fadeTo(0, 1);
                        } else {
                            self.$el.fadeTo(0, 0);
                        }
                    })
                }
                clickHandle() {
                    this.$el.on("click", function () {
                        $("html,body").animate({
                            "scrollTop": 0
                        });
                    })
                }
            }
            $.fn.extend({
                toTop() {
                    new ToTop(this);
                }
            })
            $(function () {
                $(".to-top").eq(0).toTop();
            })
        })()
    })

    // 右侧固定栏元素的显示与隐藏
    $(function () {
        $(".fixed-right-ewm").on("mouseenter", function () {
            $(this).find(".ewm").stop().fadeIn(300);
        }).on("mouseleave", function () {
            $(this).find(".ewm").stop().fadeOut(300);
        })
    })